import {h} from 'vue/dist/vue.esm-bundler.js'
const myApp={
    //其实这里配置就是根组件
    data(){
        return {
            message:"Hello 张翰! hello 郑爽1!",
            title:"今天广州终于降温了"
        }
    },
    //引入vue如果引入的时runtime运行时版本，这时候不支持template模板编译.
    //这时候需要引入支持编译的完整版本. vue/dist/vue.esm-bundler.js
    // template:`<h1>{{message}}</h1>`
    render(){
        //h()函数创建虚拟节点. vnode virtual node
        // return h('h1',{},this.message);
        //支持jsx
        return <>
            <div>
                <h1 onClick={this.changeTitle}>{this.title}</h1>
            </div>
        </>
    },
    methods:{
        changeTitle(){
            this.title+=Math.random();
        }
    }
}
export default myApp;